<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello vue</title>
<style type="text/css">

	[v-cloak]{
		display: none;
	}

</style>
</head>
<body>
	


<div id="app">
	<li>v-cloak 解决页面刷新的源码闪烁显示问题</li>
  <p v-cloak>{{ message }}<p/>
	
	<li>v-text 会代替所有的文本</li>
  <p v-text="message">这是一段文字</p>	

 <br>
  	<li>v-html 会过滤所有的文本</li>
  <p v-html="msg2"></p>

</div>










<script src="vue.js"></script>

<script type="text/javascript">

var app = new Vue({
  el: '#app',

  data: {
    message: 'hello Vue',
    msg2:"<h1>h1标签</h1>"
  }
})





</script>

	
</body>
</html>